<template>
  <div class="mt-app">
    <el-container>
      <el-header style="height: 100%">
        <Header />
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
      <el-footer style="height: 100%"> <Footer/> </el-footer>
    </el-container>
  </div>
</template>

<script>
import Header from "@/views/About/views/header";
import Footer from './views/footer'
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style lang="less" scoped>
.mt-app {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.el-container {
  background-color: #f8f8f8;
}
.el-header,
.el-main,
.el-footer {
  width: 1190px;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
}
.el-header {
  width: 100%;
  color: #999;
  font-size: 12px;
}
</style>